<template>
	<view class="container">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">12313</text>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	
	const userInfo = ref({
	  nickname: '西班牙语学习者',
	  avatar: '/static/default-avatar.png',
	  targetLevel: 'DELE B2'
	})
	
	const progress = ref(45)
	
	const modules = ref([
	  { name: '词汇', icon: 'bookmark', path: '/pages/vocabulary/index', completed: true },
	  { name: '语法', icon: 'edit-pen', path: '/pages/grammar/index', completed: false },
	  { name: '阅读', icon: 'file-text', path: '/pages/reading/index', completed: true },
	  { name: '听力', icon: 'volume-up', path: '/pages/listening/index', completed: false },
	  { name: '写作', icon: 'pen', path: '/pages/writing/index', completed: false },
	  { name: '口语', icon: 'mic', path: '/pages/speaking/index', completed: false }
	])
	
	const navigateToModule = (path) => {
	  uni.navigateTo({
	  	url:path
	  })
	}
	
	const navigateTo = (url) => {
	  uni.navigateTo({
	  	url:url
	  })
	}
</script>

<style>
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
